<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- 页面meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>后台管理系统</title>
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
	name="viewport">

<link rel="stylesheet"
	href="${pageContext.request.contextPath }/static/css/admin_other_css/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/static/css/admin_other_css/plugins/adminLTE/css/AdminLTE.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/static/css/admin_other_css/plugins/adminLTE/css/skins/_all-skins.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/static/css/adminLogin_css/style.css">
<script
	src="${pageContext.request.contextPath }/static/css/admin_other_css/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script
	src="${pageContext.request.contextPath }/static/css/admin_other_css/plugins/bootstrap/js/bootstrap.min.js"></script>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
</style>
</head>
<body class="hold-transition skin-blue sidebar-mini">

	<!-- 内容区域 -->


	<!-- 内容头部 -->
	<section class="content-header">
	<h1 style="color: #000;">
		控制面板 <small style="color: #000;">首页</small>
	</h1>
	</section>
	<!-- 内容头部 /-->
	<!-- 正文区域 -->
	<section class="content"> <!-- 统计数值 -->
	<div class="row">
		<div class="col-lg-3 col-xs-6">
			<!-- small box -->
			<div style="width: 350px; margin-left: 150px;"
				class="small-box bg-aqua">
				<div class="inner">
					<h3>${novelCounts}</h3>
					<p>小说总数</p>
				</div>
				<div class="icon">
					<i class="ion ion-bag"></i>
				</div>
				<a href="${pageContext.request.contextPath }/admin/getAllNovels" class="small-box-footer">详细
					<i class="fa fa-arrow-circle-right"></i>
				</a>
			</div>
		</div>
        <div style="width: 350px; margin-left: 700px;"
             class="small-box bg-light-blue">
            <div class="inner">
                <h3>${newsCounts}</h3>
                <p>新闻总数</p>
            </div>
            <div class="icon">
                <i class="ion ion-bag"></i>
            </div>
            <a href="${pageContext.request.contextPath }/admin/getAllNews" class="small-box-footer">详细
                <i class="fa fa-arrow-circle-right"></i>
            </a>
        </div>
    </div>
		<!-- ./col -->
		<div class="col-lg-3 col-xs-6">
			<!-- small box -->
			<div style="width: 350px; margin-left: 400px;height:106px;"
				class="small-box bg-yellow">
				<div class="inner">
					<h3>${userCounts }</h3>
					<p>注册用户数</p>
				</div>
				<div class="icon">
					<i class="ion ion-person-add"></i>
				</div>
			</div>
		</div>
		<!-- ./col -->
	</div>
	<!-- /.row --> </section>
	<!-- 正文区域 /-->

	<!-- 内容区域 /-->
</body>
</html>